@import './base.css';
#app {
  max-width: 1280px;
}
/*Theme */
.theme{
  background: var(--c-bg);
  color: var(--c-text);
}

/*container*/
.ct-r{
  display: flex;
  justify-content: flex-end; /* 将子元素推到右边 */
  align-items: center;
}
.ct-c{
  display: flex;
  justify-content: center;
  align-items: center;
}
.ct-lr{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ct{
  display: flex;
  align-items: center;
}
a{
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

/* 隐藏默认滚动条，仅在 Webkit 浏览器上有效 */
::-webkit-scrollbar {
  width: 8px; /* 设置滚动条宽度 */
}

::-webkit-scrollbar-track {
  background: transparent; /* 滚动条轨道透明 */
}

::-webkit-scrollbar-thumb {
  background-color: var(--c-gray); /* 滚动条颜色 */
  border-radius: 10px; /* 圆角滚动条 */
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--c-gray-1); /* 滚动条悬停颜色 */
}


@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}
